import '@/styles/common.scss'
import '@/styles/fonts.css'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
import countTo from 'vue3-count-to'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import * as echarts from 'echarts'

import App from './App.vue'
import router from './router'



const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}

const pinia = createPinia()
app.use(pinia)
pinia.use(piniaPluginPersistedstate)

app.use(ElementPlus)
app.use(countTo)

app.use(router)


app.config.globalProperties.$echarts = echarts


app.mount('#app')
